<template>
  <div>

    <div>
      <div style="display: inline;  width: 10px;height: 10px;float:left;border-radius: 50%;margin: 12px;background-color: #3762a5;">
      </div>
      <span class="table-title">{{title}}</span>
    </div>

    <div style="display: flex;height: 5px ;border-bottom: dodgerblue 2px solid;width: 100%;align-items: center;" />
    <el-table
        :data="data"
        stripe
        border
        style="width: 100%">
      <el-table-column
          prop="id"
          label="序号"
          width="50">
      </el-table-column>
      <el-table-column
          prop="code"
          label="学校标识码"
          width="120">
      </el-table-column>
      <el-table-column
          prop="name"
          label="学校名称"
          width="100">
      </el-table-column>
      <el-table-column
          prop="province"
          label="所在地区"
          width="150">
      </el-table-column>
      <el-table-column
          prop="city"
          label="所在城市"
          width="150">
      </el-table-column>
      <el-table-column
          prop="department"
          label="主管部门"
          width="150">
      </el-table-column>
      <el-table-column
          prop="level"
          label="办学层次"
          width="120">
      </el-table-column>
      <el-table-column
          prop="type"
          label="高校类型"
          width="150">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "Table",
  props: ['title', 'data'],
}
</script>

<style scoped>
.table-title{
  float: left;
  font-size: 18px;

}
</style>